<?xml version='1.0' encoding='UTF-8' ?>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:f="http://java.sun.com/jsf/core">
    <body>
        <ui:composition template="./main-template.xhtml">
            <ui:param name="titulo" value="Promociones" />
            <ui:define name="body">
                <rich:panel>
                    <a4j:form>
                        <a4j:commandButton value="Catalogo" action="catalogo" />
                        <rich:toolBar height="26" itemSeparator="disc">
                           <rich:toolBarGroup>
                                <h:graphicImage value="/img/save.gif" onclick="crearPromocion()" styleClass="icon" />
                            </rich:toolBarGroup>
                        </rich:toolBar>
                    </a4j:form>
                    <rich:simpleTogglePanel id="stpEdicion" opened="true">
                        <f:facet name="header">
                            Edición
                        </f:facet>
                        <a4j:form>
                            <rich:tabPanel switchType="client">
                                <rich:tab label="Promocion">
                                    <table>
                                        <tr>
                                            <td>
                                                <h:outputLabel value="Referencia" styleClass="label" /> <br/>
                                            </td>
                                            <td>
                                                <h:outputText value="#{CatalogBean.mueble.referencia}"  required="true"/>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h:outputLabel value="Fecha Inicio" styleClass="label" /><br/>
                                            </td>
                                            <td>
                                                <a4j:outputPanel id="begCalendar" layout="block">
                                                    <rich:calendar value="#{PromocionBean.promocion.fechaInicial}"
                                                                   locale="en/US"
                                                                   />
                                                </a4j:outputPanel>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td>
                                                <h:outputLabel value="Fecha Fin" styleClass="label" /><br/>
                                            </td>
                                            <td>
                                                <a4j:outputPanel id="endCalendar" layout="block">
                                                    <rich:calendar value="#{PromocionBean.promocion.fechaFinal}"
                                                                   locale="en/US"
                                                                   />
                                                </a4j:outputPanel>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td colspan="2">
                                                <h:outputLabel value="Descripcion" styleClass="label" /> <br/>
                                                <h:inputTextarea style="width:100%" value="#{PromocionBean.promocion.texto}" /> <br/>
                                            </td>
                                        </tr>
                                    </table>
                                    (*) Estos campos son obligatorios
                                </rich:tab>
                            </rich:tabPanel>
                            <a4j:jsFunction name="crearPromocion" action="#{PromocionBean.crearPromocion}" reRender="stpEdicion,tblMuebles   "  />
                        </a4j:form>
                    </rich:simpleTogglePanel>
                </rich:panel>
            </ui:define>
        </ui:composition>
    </body>
</html>
